﻿<div class="navbar-inner">
    <div class="navbar-container">
        <!-- Navbar Barnd -->
        <!--  <div class="navbar-header pull-left">
            <a href="#" class="navbar-brand">
                <small>
                    <img src="assets/img/logo.png" ng-if="!settings.rtl" alt="" />
                    <img src="assets/img/logo-rtl.png" ng-if="settings.rtl" alt="" />
                </small>
            </a>
        </div>-->
        <!-- /Navbar Barnd -->
        <!-- Sidebar Collapse -->
        <!-- <div class="sidebar-collapse" style="left: 5px;"></div> -->
        <h1 class="title">
            <img id="logo" src="assets/img/logo.png">
            <span>城市综合管廊运营管理系统</span>
        </h1>
        <!-- /Sidebar Collapse -->
        <!-- Account Area and Settings -->
        <div class="navbar-header pull-right">
            <div class="navbar-account">
                <ul class="account-area">
                    <li>
                        <a class="login-area dropdown-toggle" data-toggle="dropdown">
                            <div class="avatar" ng-class="{'no-border':!userInfo.icon}" title="View your public profile">
                                <img ng-show="userInfo.icon" ng-src="{{userInfo.icon}}">
                                <i ng-show="!userInfo.icon" class="menu-icon glyphicon glyphicon-user"></i>
                            </div>
                            <section>
                                <h2><span class="profile"><span ng-bind="userInfo.name"></span></span></h2>
                            </section>
                        </a>
                        <!--Login Area Dropdown-->
                        <ul class="dropdown-menu dropdown-arrow dropdown-login-area">
                            <!--<li class="username"><a>David Stevenson</a></li>
                            <li class="email"><a ng-bind="userInfo.name">David.Stevenson@live.com</a></li>-->
                            <!--Avatar Area-->
                            <!--<li>
                                <div class="avatar-area">
                                    <img src="assets/img/avatars/adam-jansen.jpg" class="avatar">
                                    <span class="caption">Change Photo</span>
                                </div>
                            </li>-->
                            <!--Avatar Area-->
                            <li class="pull-left">
                                <!--<a href="profile.html" class="pull-left">Profile</a>-->
                                <a href="javascript:void(0);" ng-click="settingModle()">
                                    <span class="glyphicon glyphicon-cog"></span>
                                    <span>设置</span>
                                </a>
                            </li>
                            <li class="pull-left">
                                <a href="javascript:void(0);" class="pull-right" ng-click="onLogout()">
                                    <span class="glyphicon glyphicon-off"></span>
                                    <span>注销</span>
                                </a>
                            </li>
                            <!--Theme Selector Area-->
                            <!--<li class="theme-area">
                                <ul class="colorpicker">
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#5DB2FF;" skin-changer rel="assets/css/skins/blue.min.css"></a>
                                    </li>
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#2dc3e8;" skin-changer rel="assets/css/skins/azure.min.css"></a>
                                    </li>
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#03B3B2;" skin-changer rel="assets/css/skins/teal.min.css"></a>
                                    </li>
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#53a93f;" skin-changer rel="assets/css/skins/green.min.css"></a>
                                    </li>
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#FF8F32;" skin-changer rel="assets/css/skins/orange.min.css"></a>
                                    </li>
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#cc324b;" skin-changer rel="assets/css/skins/pink.min.css"></a>
                                    </li>
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#AC193D;" skin-changer rel="assets/css/skins/darkred.min.css"></a>
                                    </li>
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#8C0095;" skin-changer rel="assets/css/skins/purple.min.css"></a>
                                    </li>
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#0072C6;" skin-changer rel="assets/css/skins/darkblue.min.css"></a>
                                    </li>
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#585858;" skin-changer rel="assets/css/skins/gray.min.css"></a>
                                    </li>
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#474544;" skin-changer rel="assets/css/skins/black.min.css"></a>
                                    </li>
                                    <li>
                                        <a class="colorpick-btn" href="" style="background-color:#001940;" skin-changer rel="assets/css/skins/deepblue.min.css"></a>
                                    </li>
                                </ul>
                            </li>-->
                            <!--/Theme Selector Area-->
                            <!--<li class="dropdown-footer">
                                <a href="login.html">
                                    <span class="glyphicon glyphicon-off"></span>
                                    <span>注销</span>
                                </a>
                            </li>-->
                        </ul>
                        <!--/Login Area Dropdown-->
                    </li>
                    <!-- /Account Area -->
                    <!--Note: notice that setting div must start right after account area list.
                    no space must be between these elements-->
                    <!-- Settings -->
                </ul>
                <!-- 去除工具栏设置 -->
                <!-- <div class="setting">
                </div>
                <div class="setting-container">
                    <label>
                        <input type="checkbox" id="checkbox_fixednavbar" ng-model="settings.fixed.navbar">
                        <span class="text"> 固定顶部 </span>
                    </label>
                    <label>
                        <input type="checkbox" id="checkbox_fixedsidebar" ng-model="settings.fixed.sidebar">
                        <span class="text"> 固定导航栏 </span>
                    </label>
                    <label>
                        <input type="checkbox" id="checkbox_fixedbreadcrumbs" ng-model="settings.fixed.breadcrumbs">
                        <span class="text"> 固定工具栏 </span>
                    </label>
                    <label>
                        <input type="checkbox" id="checkbox_fixedheader" ng-model="settings.fixed.header">
                        <span class="text"> 固定头部 </span>
                    </label>
                </div> -->
                <!-- Settings -->
            </div>
        </div>
        <!-- /Account Area and Settings -->
    </div>
</div>
